<html>
<head>
<link rel="stylesheet" type="text/css" href="public/css/jquery.autocomplete.css" media="all" />
<script type="text/javascript" src="public/js/jquery/jquery-1.7.1.js"></script>
<script type="text/javascript" src="public/js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="public/js/jquery/jquery.autocomplete.pack.js"></script>

</head>

<body>

<form action="javascript:void(0);" enctype="application/x-www-form-urlencoded" method="post" id="formulario">
    <label for="usuarios">Busca nombre</label><br />
    <input type="text" id="usuarios" style="width:200px;" /><br /><br />
    <script type="text/javascript">
	$().ready(function() {
    	$("#usuarios").autocomplete("usuarios.php", {
        minChars: 0, 
        width: 320, 
        highlight: false, 
        scroll: true, 
        scrollHeight: 300, 
        formatItem: function(data, i, n, value) { 
            return value; 
        },
        formatResult: function(data, value) { 
            return value.split("[")[0]; 
        }
    });
});
</script>
</form>

</body>
</html>